var mUlList;
var dataList ;
function init(){
	if(document.persisted) {
		return false;
	}
	mUlBox = new UlListBox({
		onfocus:focusNav,
		onblur:blurNav,
		onclick:clickNav,
	});
	initDataList(afterInitDataList);
}

function afterInitDataList(list){
	dataList = list;
	mUlBox.setDataList(dataList,true);
}


function focusNav(data,id){$.log(id);
	var box = document.getElementById(mUlBox.target+'-icon-'+id);
	box.innerHTML = '<img src="'+data.highImage+'"/>';
}

function blurNav(data,id){
	var box = document.getElementById(mUlBox.target+'-icon-'+id);
	box.innerHTML = '<img src="'+data.image+'"/>';
}

function clickNav(data,id){
	$.gotoPage(data.url);
}
 